<template>
    <div class="common-layout" >
      <el-container class="lay-container" >
        <!-- 自定义左侧的组件 -->
        <CommonAside/>
         <el-container>
          <el-header class="el-header">
            <CommonHander></CommonHander>
          </el-header>
           <el-main class="right-main">

             <Home></Home>
           </el-main>
         </el-container>

      </el-container>
    </div>    
</template>
<script setup>

import CommonAside from "@/components/CommonAside.vue";
import CommonHander from '@/components/CommonHander.vue'
import Home from "@/views/Home.vue";
</script>

<style scoped  lang="less">
.common-layout,.lay-container{
  height: 100%;
}
.el-header{
  background-color: #333;
}

</style>